<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimum=1.0,maximum=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./icon/iconfont.css">
<link rel="stylesheet" href="./bisindex.css">
<link rel="stylesheet" href="./footer.css">
<body>
    <header class="header">
        <div class="header-in">
            <div class="up">
                <a href="#" class="left-arrow">
                    <span class="iconfont icon-fanhui" style="font-size: 0.2rem;"></span>
                </a>
                <span class="shangjiazhuye">商家页面</span>
            </div>
        </div>
        <div class="bottom flex">
            <div class="left">
                <img class="touxiang" src="./proimg/touxiang.png" alt="">
            </div>
            <div class="right flex">
                <div class="xiaoxi flex">
                    <p class="huiyuan">普通会员</p>
                    <p class="geren">个人</p>
                </div>
                <div class="tupian flex">
                    <img class="pic" src="./proimg/huangxin.png" alt="">
                    <img class="pic" src="./proimg/huangxin.png" alt="">
                    <img class="pic" src="./proimg/huangxin.png" alt="">
                    <img class="pic" src="./proimg/huangxin.png" alt="">
                    <img class="pic" src="./proimg/huangxin.png" alt="">
                    <img class="pic" src="./proimg/baixin.png" alt="">
                </div>
            </div>
        </div>
    </header>
    <section class="content">
        <ul>
            <li>
                <img src="./proimg/tea.png" alt="">
                <p class="title">下关2014马年最新肖沱茶</p>
                <p class="price">￥<span class="int">248</span>.90</p>
                <p class="num">数量<span class="shuliang">1080件</span></p>
            </li>
            <li>
                <img src="./proimg/tea.png" alt="">
                <p class="title">最新美容养颜西湖龙井</p>
                <p class="price">￥<span class="int">100</span>.90</p>
                <p class="num">数量<span class="shuliang">2060件</span></p>
            </li>
            <li>
                <img src="./proimg/tea.png" alt="">
                <p class="title">最新美容养颜西湖龙井</p>
                <p class="price">￥<span class="int">1060</span>.90</p>
                <p class="num">数量<span class="shuliang">2001件</span></p>
            </li>
            <li>
                <img src="./proimg/tea.png" alt="">
                <p class="title">下关2014马年最新肖沱茶</p>
                <p class="price">￥<span class="int">300</span>.90</p>
                <p class="num">数量<span class="shuliang">1080件</span></p>
            </li>
            <li>
                <img src="./proimg/tea.png" alt="">
                <p class="title">下关2014马年最新肖沱茶</p>
                <p class="price">￥<span class="int">248</span>.90</p>
                <p class="num">数量<span class="shuliang">1080件</span></p>
            </li>
            <li>
                <img src="./proimg/tea.png" alt="">
                <p class="title">最新美容养颜西湖龙井</p>
                <p class="price">￥<span class="int">248</span>.90</p>
                <p class="num">数量<span class="shuliang">1080件</span></p>
            </li>
        </ul>
    </section>
    <div class="footer">
        <a href="#">
            <p class="iconfont icon-ziyuan"></p>首页活动
        </a>
        <a href="#">
            <p class="iconfont icon-shopping-cart"></p>所有商品
        </a>
        <a href="#">
            <p class="iconfont icon-xiazai45"></p>我的茶仓
        </a>
        <a href="#">
            <p class="iconfont icon-wode"></p>个人中心
        </a>
    </div>
</body>
</html>